草庐IT

GPUImage – 色阶 GPUImageLevelsFilter

全部标签

Angular 17+ 高级教程 – Component 组件 の Structural Directive (结构型指令) & Syntax Reference (微语法)

前言在 AttributeDirectives属性型指令文章中,我们学习过了指令。指令是没有HTML和CSS的组件,它单纯用于封装JS的部分。这一篇我们将继续学习另一种指令-- StructuralDirective结构型指令。就代码而言,StructuralDirective和 AttributeDirectives是完全一样的,只是用途不同,因此进行了区分。AttributeDirectives通常用于监听事件,修改class,styles等等。而StructuralDirective则主要用于修改DOM结构。在 DynamicComponent和ng-template 文章中,我们学习了

【工具】Raycast – Mac提效工具

🌈个人主页:鑫宝Code🔥热门专栏:闲话杂谈|炫酷HTML|JavaScript基础​💫个人格言:"如无必要,勿增实体"引入以前看到同事们锁屏的时候,不知按了什么键,直接调出这个框,然后输入lock屏幕就锁了。跟我习惯的按Mac开机键不大一样。个人觉得还是蛮炫酷的~调研但是由于之前比较繁忙,这件事其实都忘的差不多了,直到后来看帖子看到一个问题才让我继续往下调研。问题是Raycast相比Alfred好在哪。凭借我多年的看《名侦探柯南》的经验,线索已经找到了。Raycast和Alfred,但我秉持着只用一个同类型软件的原因,于是对这两款软件进行调研。Alfred付费策略:需要付费,价格35英镑,大

Angular 17+ 高级教程 – Component 组件 の ng-template

前言上一篇 DynamicComponent 我们有提到,作为MVVM框架的Angular需要有方法替代掉2个DOMManipulation:document.createElement template.content.cloneDynamicComponent便是替代document.createElement的方案。而这篇我们要讲的ng-template则是template.content.clone的替代方案。 ng-templateの简单使用我们从浅入深,一个一个特性介绍,最后才逛源码,看看原理机制。提醒:为了更容易体会到细节,我把ngZone关了,所有组件都设置成ChangeDet

Angular 17+ 高级教程 – Component 组件 の Query Elements

前言Angular是MVVM框架。MVVM的宗旨是"不要直接操作DOM"。在 Component组件のTemplateBindingSyntax文章中,我们列举了一些常见的DOMManipulation。constelement=document.querySelector('.selector')!;//queryelementelement.textContent='value';//updatetextelement.title='title';//updatepropertyelement.setAttribute('data-value','value');//setattribut

Angular 17+ 高级教程 – Component 组件 の Dependency Injection & NodeInjector

前言在 DependencyInjection依赖注入 文章中,我们学习了50%的AngularDI知识,由于当时还不具备组件知识,所以我们无法完成另外50%的学习。经过了几篇组件教程后,现在我们已经具备了基础的组件知识,那这一篇我们便来完成AngularDI所有内容吧。 主要参考AngularinDepth– ADeepDiveinto@InjectableandprovidedIninIvy被删– Angular冷知识--布隆过滤器 R3Injector,NullInjector,NodeInjector这世界上不只有R3Injector。在DependencyInjection依赖注入 

Angular 17+ 高级教程 – Component 组件 の 生命周期钩子 (Lifecycle Hooks)

前言之前在Component组件のAngularComponentvsCustomElements 文章中,我们有学习过几个基础的LifecycleHooks。比如 OnChanges、OnInit、AfterViewInit、OnDestroy,但那篇只是微微带过而已。这篇让我们来深入理解Angular的 LifecycleHooks。 介绍在 Component组件のDependencyInjection&NodeInjector 文章中,我们看见了组件从无到有的创建与渲染过程。整个过程可以被分解成多个阶段,每一个阶段的组件都处于不同的形态。比如A阶段,组件只是个Definition。B阶

amazon-web-services - AWS–s3 > Cloudflare 重写 url

我使用AWS–s3进行静态网站托管,并通过Cloudflare服务(包括DNS)运行它。SEO最佳做法是从URL名称中截断.html,同时避免重复内容。我使用nginx实现了预期的结果,并且想知道是否有可能使用s3或Cloudflare。我的直觉告诉我不。基本要求是:example.com/about.html应该重写(而不是重定向)到example.com/about。显然,存储在s3上的文件名应该保留为*.html。我偶然发现的一个hack是:将服务器上的文件名更改为about(不带文件扩展名)。然后,在s3控制台中,将元数据content-type更改回text/html。我认为

SEO – 多语言帮助,删除默认主页不被索引?

我迫切需要一些帮助。我们有一个正在设置两种语言的网站:www.site.com/en/www.site.com/fr/一切正常,但Google也在编制索引:www.site.com它出现在搜索结果的站点链接中,并在google.fr的搜索结果中显示英文描述。我能做些什么吗?我看过URL删除,但它说删除www.site.com也会删除所有链接。请帮忙。 最佳答案 Google使用搜索查询的语言和位置来显示结果。尝试用法语在google.fr中搜索。我想你可以看出区别使用hreflang和地理元标记。hreflag标签将帮助您向搜索引擎

Angular 17+ 高级教程 – Signals

前言在上一篇 ChangeDetection 中,我们有提到MVVM监听ViewModel变化的难题.当年AngularJS和 Knockout.js(下面简称KO)各自选了不同的道路.但如今,事过境迁,Angular最终也走向了KO的道路.这就是这篇的主角Signal。 把variables变成function 在JavaScript,值类型variable无法被监听,Signal的做法是把它们都变成函数。看看KO的代码constcount=ko.observable('defaultvalue');//通过observable方法delcarevariableconstvalue=coun

HTML5 大纲 – 带有标题围绕 Logo 的页眉

我一直想知道在我网站上的Logo周围使用标题标签的最佳做法是什么,尤其是使用HTML5分段标签时。我在许多网站和论坛上了解到,如果我想在我的Logo周围添加标题,我应该执行以下操作:[...][...]但是现在,我网站上的每个页面都将Logo的alt属性中指定的文本作为其主标题,我可以想象,这并不理想。我的意思是,H1标签旨在提供«文档的主要主题»,但大多数时候不是我在Logo的alt标签上指定的文本。但是,如果Logo的alt标记包含公司名称(因为它是公司Logo),我希望将它放在标题中(以赋予它一些相关性和重要性),只是不在h1标题中。您认为以下是解决此问题的有效方法吗:[...]